<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var obj = { name: 'zhangsan', child: { name: '张三丰' } };
        console.log(obj);//变量的--内存地址
        console.log(obj.child.name);//张三丰
        obj.child.name = 'zhansanfeng';
        console.log(obj);//变量的--内存地址


        /*
            堆和栈 都是内存的一种

            我们定义的变量 都是存入内存中的
               栈内存-比较小-每次存入数据都会开辟相同大小的空间
               堆内存-比较大

            基础数据类型 -------  
                 变量名和数据 直接存入 栈内存中
                 栈内存-每次存入数据都会开辟相同大小的空间
            复杂数据类型（引用类型）
                 
                 堆中 对象的数据
                 栈中-中存这个 堆内存的地址和变量名

               复杂类型--变量中存的内存地址
               基础类型--变量中存的数据  
            
        
        */
        var a = 1;
        var b = 2;
        var obj = { name: 'zhangsan' };
    </script>

</body>

</html>